<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>资讯详情</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<!--当前页面的css-->
	<link href="css/assoDetails.css" rel="stylesheet">
	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
</head>

<body>
<div class="assoDetails" id="app">
	<div class="ad-title">
		<p>
			{{assDetails.title}}
		</p>
		<span>日期：{{assDetails.create_date}}</span>
	</div>
	<div class="ad-line"></div>
	<div class="ad-TxtImg" v-html="assDetails.content">
	</div>
	<div class="ad-line"></div>
	<div class="ad-copyright">
		<p>{{assDetails.authorize}}</p>
		<p class="ad-source">来源：{{assDetails.college_name}}</p>
		<p class="ad-source">来自：印刷搜搜</p>
	</div>
	<div class="Gray_Bg"></div>
	<ul class="keyword clearfix">
		<li>关键字：</li>
		<li v-for="item in assDetails.keywords"><span>{{item}}</span></li>
	</ul>
	<ul class="asso-news" id="asso-news" v-if="assDetails.recommendList && assDetails.recommendList.length>0">
		<li v-for="item in assDetails.recommendList">
			<a :href="'../template/assoDetails.html?id='+item.id" class="title">{{item.title}}</a>
			<!--<span class="time">{{item.date}}</span>-->
		</li>
	</ul>
	<div v-else class="nolist">暂无更多数据</div>
	<div class="Gray_Bg"></div>
	<div class="clear"></div>
	<div class="asso-discuss">
		<div class="asso-discuss-left">
			<span>{{commentList.total}}条评论</span>
		</div>
		<div class="ad-TxtImg">
			{{assDetails.textarea}}
			<img :src="assDetails.img">
		</div>
	</div>
	<div v-if="commentList.list.length>0">
		<div class="asso-discuss-main clearfix"  v-for="item in commentList.list">
			<ul>
				<li class="ul-left" >
					<div class="img">
						<img :src="item.logo"/>
					</div>
					<div class="txt">
						<p class="name">{{item.nick_name}}</p>
						<p class="time">{{item.create_date}}</p>
					</div>
					
				</li>
				<li class="ul-right" v-if = "item.state==0">
					<a href="javascript:;">等待审核</a>
				</li>
			</ul>
			<div class="clear"></div>
			<p>
				{{item.content}}
			</p>
		</div>
	</div>
	<div v-else class="nolist">暂无更多数据</div>
	<div class="assoImg">
		<img src="../images/asso_icon5.png" />
	</div>
	<div style="height:1.733333rem;"></div>
	<div class="comment-box">
		<div class="comment-boxs">
		<div class="comment-left">
			<div class="c-left-input">
				<span class="icons"></span>
				<input class="text" type="text"  @keyup.enter="sendMessage()" v-model="messageval" placeholder="请输入评论..."/>
			</div>
		</div>
		<div class="comment-right clearfix">
			<!--<span v-show="assDetails.isLike == 0" @click="chooseLike"><img src="../images/asso_icon2.png"/></span>
			<span v-show="assDetails.isLike == 1" @click="chanceLike"><img src="../images/asso_icon2on.png"/></span>-->
			<span v-show="assDetails.is_collect == 0" @click="chooseCollect"><img src="../images/asso_icon3.png"/></span>
			<span v-show="assDetails.is_collect == 1" @click="chanceCollect"><img src="../images/asso_icon3on.png"/></span>
			<span><img src="../images/asso_icon4.png"/></span>
		</div>
	</div>
	</div>
</div>	
	<!--评论层-->

	<!--/评论层-->
	<script type="text/javascript" src="js/newsDetails.js"></script>
</body>

</html>